﻿<!--<tab  heading="需求详细管理" [active]="active" (selectTab)="active = true" 
    (deselect)="active = false" removable="true" customClass="m-tabs__item">-->
    <!--<form class="horizontal-form" autocomplete="off">
        <div class="m-form m-form--label-align-right"> 
            <div class="row align-items-center m--margin-bottom-10">
                <div class="col-xl-12">
                    <div class="form-group m-form__group align-items-center">
                        <div class="input-group">
                            <input [(ngModel)]="filterText" name="filterText" autoFocus class="form-control m-input"  [placeholder]="l('SearchWithThreeDot')" type="text">
                            <span class="input-group-btn">
                                <button (click)="getRequirementItems()" class="btn btn-primary" type="submit"><i class="flaticon-search-1" [attr.aria-label]="l('Search')"></i></button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>-->

    <div class="row margin-bottom-10">
        <div class="col-xl-6">
            <p>需求列表</p>
        </div>
        <div class="col-xl-6 text-right">
            <button (click)="exportAbnormal()" *ngIf="isGranted('Pages.StandardPartsManager.FetchImport.Import')" class="btn btn-primary"><i class="fa fa-plus"></i>导出异常列表</button>                
        </div>
    </div>
    <div class="row">
        <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
            <p-table #dataTable (onLazyLoad)="getRequirementItems($event)"
                [value]="primengTableHelper.records"
                rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
                [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive"
                [resizableColumns]="primengTableHelper.resizableColumns">
                <ng-template pTemplate="header">
                    <tr>
                        <th style="width: 130px" [hidden]="!isGrantedAny('Pages.StandardPartsManager.FetchImport', 'Pages.StandardPartsManager.FetchImport.Add')">{{'Actions' | localize}}</th>
                        <th style="width: 100px;border: 1px;text-align: center;">
                            导入序号
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="taskNumber">
                            任务号
                            <p-sortIcon field="taskNumber"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="usableRange.unitOfUsing">
                            车间
                            <p-sortIcon field="usableRange.unitOfUsing"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="usableRange.belongToModel">
                            型号
                            <p-sortIcon field="usableRange.belongToModel"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="usableRange.batch">
                            发次
                            <p-sortIcon field="usableRange.batch"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="usableRange.belongToComponent">
                            部段
                            <p-sortIcon field="usableRange.belongToComponent"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="serialNumber">
                            编码
                            <p-sortIcon field="serialNumber"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="features.displayName">
                            名称
                            <p-sortIcon field="features.displayName"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="features.standardNumber">
                            标准
                            <p-sortIcon field="features.standardNumber"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="features.specification">
                            规格
                            <p-sortIcon field="features.specification"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="features.materials">
                            材料
                            <p-sortIcon field="features.materials"></p-sortIcon>
                        </th>
                        <th style="width: 100px;text-align: center;" pSortableColumn="quantityOfUsing">
                            领用数量
                            <p-sortIcon field="quantityOfUsing"></p-sortIcon>
                        </th>
                        <th style="width: 150px;text-align: center;">
                            异常原因
                        </th>
                    </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                    <tr>
                        <td style="width: 130px" [hidden]="!isGrantedAny('Pages.StandardPartsManager.FetchImport', 'Pages.StandardPartsManager.FetchImport.Add')">
                        <div class="btn-group dropdown" dropdown container="body">
                            <button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
                                <i class="fa fa-cog"></i><span class="caret"></span> {{"Actions" | localize}}
                            </button>
                            <ul class="dropdown-menu" *dropdownMenu>
                                <li *ngIf="('Pages.StandardPartsManager.FetchImport.Add' | permission) ">
                                    <a href="javascript:;" (click)="createOrEditRequirementPackage(record)">添加需求</a>
                                </li>
                            </ul>
                        </div>
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">导入序号</span>
                            {{rowIndex + 1}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">任务号</span>
                            {{record.taskNum}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">车间</span>
                            {{record.dpt}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">型号</span>
                            {{record.model}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">发次</span>
                            {{record.batch}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">部段</span>
                            {{record.part}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">编码</span>
                            {{record.serialNumber}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">名称</span>
                            {{record.name}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">标准</span>
                            {{record.standard}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">规格</span>
                            {{record.specification}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">材料</span>
                            {{record.materials}}
                        </td>
                        <td style="width: 100px;text-align: center;">
                            <span class="ui-column-title">领用数量</span>
                            {{record.usingOfQuantity}}
                        </td>
                        <td style="width: 150px;text-align: center;">
                            <span class="ui-column-title">异常原因</span>
                            {{record.reason}}
                        </td>
                    </tr>
                </ng-template>
            </p-table>
            <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                {{'NoData' | localize}}
            </div>
            <div class="primeng-paging-container">
                <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                    (onPageChange)="getRequirementItems($event)"
                    [totalRecords]="primengTableHelper.totalRecordsCount"
                    [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">

                </p-paginator>
                <span class="total-records-count">
                    {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
                </span>
            </div>
        </div>
    </div>
    <requirementImportItemEditComponent #requirementImportItemEditComponent  (modalSave)="getRequirementItems()"></requirementImportItemEditComponent>
<!--</tab>-->